swiper {
  width: unit(750, rpx);
  height: unit(306, rpx);
}

.swiper-image {
  width: 100%;
  height: 100%;
}

.avatar-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.detail-row {
  display: flex;
}

.trip {
  border-radius: unit(25, rpx);
}

.fee {
  font-style: italic;
}

.trip-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mytrips-heading {
  position: absolute;
  left: unit(50, rpx);
  font-style: italic;
  font-weight: bold;
}

.nav-container {
  display: flex;
}

.nav-container swiper {
  width: unit(200, rpx);
}

.nav .cu-item {
  margin: unset;
  padding: unset;
  text-align: center;
}

.cur {
  width: unit(8, rpx);
  border-radius: unit(10, rpx) 0 0 unit(10, rpx);
  position: absolute;
  background-color: currentColor;
  top: 0;
  right: unit(0, rpx);
  bottom: 0;
  margin: auto;
}

.in-progress {
  font-style: italic;
}
